to see a build folder in the directory.

Select the build folder and drag and drop it into the box we saw earlier in Netlify. Netlify will take a few seconds

and then generate a url where you can access the page (fig. 3).

Figure 3

If you wish to have your own custom domain, you can go to ‘Add custom domain’ to purchase one.

PythonAnywhere WhiteList

Now that we have the Netlify URL, back in our backend on PythonAnywhere, we need to replace localhost in

CORS_ORIGIN_WHITELIST in todoapp/backend/settings.py. Go to the ‘Files’ tab, navigate through the source code

directory, and in settings.py, under CORS_ORIGIN_WHITELIST , replace localhost with the Netlify URL. In my case, it

is:

Modify Bold Code

CORS_ORIGIN_WHITELIST = [

'https://nifty-ride-711a17.netlify.app/'

]

This whitelists our Netlify frontend so that it can connect to the Django API backend. Save the file.

Then go to the ‘ Web ’ tab and hit the Reload button for your domain (fig. 29.9).

Figure 29.9

And there you have it! Both your React frontend and Django API backend are deployed to the app, meaning that

your fully functioning Django API + React app is live and running.